import Link from 'next/link';

export default function Navbar() {
  return (
    <nav className="bg-gray-800 p-4">
      <div className="container mx-auto flex justify-between items-center">
        <Link href="/" className="text-white text-xl font-bold">
          王者荣耀数据站
        </Link>
        <div className="space-x-4">
          <Link href="/heroes" className="text-gray-300 hover:text-white">
            英雄
          </Link>
          <Link href="/items" className="text-gray-300 hover:text-white">
            装备
          </Link>
          <Link href="/guides" className="text-gray-300 hover:text-white">
            攻略
          </Link>
        </div>
      </div>
    </nav>
  );
}
